$(function(){
	//加载首页头部的导航栏信息
	//dom1:头部的dom
	//dom2:左侧头部的dom
	//dom3:左侧内容的dom
	//dom4:右侧头部的dom
	//dom5:右侧内容的dom
	$.head={
		create:function(dom1,dom2,dom3,dom4,dom5){
			$.ajax({
				url : "headjson",
				type : "POST",
				success : function(data) {
					var json=eval("("+data+")");
					for (var j = 0; j < json.length; j++) {
					$('<li> <a href="javascript:void(0)" name="headlist">'+json[j].name+'</a></li>').appendTo(dom1);	
						}
					
				}
			
			});
			//页面第一次加载时左侧的导航栏信息
			$.ajax({
				url : "leftlist",
				type : "POST",
				data:{"name":"员工管理"},
				//async: false,
				success : function(data) {
					var json=eval("("+data+")");
					
					$('<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"'
				+' aria-controls="collapseOne"name="lefthead"><b>'+json[0].upperlevelname+'</b></a>').appendTo(dom2);
						for (var j = 0; j < json.length; j++) {
						$('<a url="'+json[j].url+'" class="list-group-item" name="leftlist" data-addtab="'+json[j].url+
								'"ajax="true">'+json[j].name+'</a>').appendTo(dom3);
						}	
						//alert()
			//点击页面头部的导航栏，左侧的导航栏随之改变
						$("[name='headlist']").click(function(){
							var name=$(this).html();
							$.ajax({
								url : "leftlist",
								type : "POST",
								data:{"name":name},
								//async: false,
								success : function(data) {
									var json=eval("("+data+")");
									$("[name='lefthead']").html("<b>"+json[0].upperlevelname+"</b>");
											for (var j = 0; j < $("[name='leftlist']").length; j++) {
													$("[name='leftlist']").eq(j).html(json[j].name);
										}
								}
							});
						})		
				}
			});
			
			
			//页面第一次加载时右侧的导航栏信息
			$.ajax({
				url : "leftlist",
				type : "POST",
				data:{"name":"员工管理"},
				async: false,
				success : function(data) {
					var json=eval("("+data+")");
					
					$('<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"'
				+' aria-controls="collapseOne"name="righthead"><b>'+json[0].upperlevelname+'</b></a>').appendTo(dom4);
						for (var j = 0; j < json.length; j++) {
						$('<a url="'+json[j].url+'" class="list-group-item" name="rightlist" data-addtab="'+json[j].url+
								'"ajax="true">'+json[j].name+'</a>').appendTo(dom5);
						}		
				}
			});
			
	}	
}		
}) 
	
	
	
	
	
	
	
	
	
	
	